    <!--右边栏 Start-->
    <div class="container-fluid">
        <div class="row-fluid">
            <div class="span12">
                <div class="page-header fm-hd">
                    <h4><span style="font-size:12px;">当前位置：交易管理&nbsp;&gt;&nbsp;</span>订阅管理</h4>
                </div>
                <!-- 查询模块 Start -->
                <div class="fm-query">
                    <div class="frmbox">
                    	<form id="excel" name="excel" style="display: none" method="post"> </form>
                        <form id="serchForm" name="serchForm">
                            <div class="querybox">
                                <div class="form-group">
                                    <label class="control-label">用户账号：</label>
                                    <div class="control-con">
                                        <input type="text" class="form-control" id="user_account" name="user_account">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="control-label">用户名：</label>
                                    <div class="control-con">
                                        <input type="text" class="form-control" id="user_name" name="user_name">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="control-label">付款时间：</label>
                                    <div class="control-con">
                                        <input type="text" class="form-control w130" id="first_pay_time" name="first_pay_time" readonly="readonly" onFocus="WdatePicker({maxDate:'#F{$dp.$D(\'last_pay_time\')||\'\'}'})"><span class="w40">到</span>
                                        <input type="text" class="form-control w130" id="last_pay_time" name="last_pay_time" readonly="readonly" onFocus="WdatePicker({minDate:'#F{$dp.$D(\'first_pay_time\')||\'\'}'})">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="control-label">下单时间：</label>
                                    <div class="control-con">
                                        <input type="text" class="form-control w130" id="first_add_time" name="first_add_time" readonly="readonly" onFocus="WdatePicker({maxDate:'#F{$dp.$D(\'last_add_time\')||\'\'}'})"><span class="w40">到</span>
                                        <input type="text" class="form-control w130" id="last_add_time" name="last_add_time" readonly="readonly" onFocus="WdatePicker({minDate:'#F{$dp.$D(\'first_add_time\')||\'\'}'})">
                                    </div>
                                </div>

                                <div class="form-group" style="margin:0;">
                                    <label class="control-label">服务编号：</label>
                                    <div class="control-con">
                                        <input type="text" class="form-control" id="service_id" name="service_id" value="{{service_id}}" datatype="/^\s*$/|n0-18" errormsg="服务编号为18位内数字">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="control-label">服务套餐名称：</label>
                                    <div class="control-con">
                                        <input type="text" class="form-control" id="service_name" name="service_name" data-provide="typeahead" autocomplete="off">
                                    </div>
                                </div>
                                <div class="clearit"></div>
                                <div class="form-group" >
                                    <label class="control-label">收件人：</label>
                                    <div class="control-con">
                                        <input type="text" class="form-control" id="consignee_name" name="consignee_name">
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="control-label">联系电话：</label>
                                    <div class="control-con">
                                        <input type="text" class="form-control" id="consignee_phone" name="consignee_phone">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="control-label">配送小区：</label>
                                    <div class="control-con">
                                        <input type="text" class="form-control" id="delivery_community" name="delivery_community">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="control-label">剩余配送次数：</label>
                                    <div class="control-con">
                                        <input type="text" class="form-control w130" id="first_remain_num" name="first_remain_num" datatype="numCompare"><span class="w40">—</span>
                                        <input type="text" class="form-control w130" id="last_remain_num" name="last_remain_num" datatype="numCompare">
                                    </div>
                                </div>
                                <div class="clearit"></div>
                                <div class="form-group">
                                    <label class="control-label">是否有新消息：</label>
                                    <div class="control-con">
                                        <input type="checkbox" id="isNew" name="isNew" class="chk" value="true" style="margin:10px 0 0 0;"/>
                                    </div>
                                </div>

                            </div>
                            <div class="querybtn">
                            <button class="btn btn-primary serchBtn" type="button">搜索</button>
                            <button class="btn btn-default resetBtn" type="button" >重置</button>
                            <button class="btn btn-default excelBtn" type="button" >搜索并导出</button>
                            <!-- 
                            <button class="btn btn-default timesBtn" type="button" data-goods-id="771594922401734656" data-id="222" data-times="1,3,4">编辑</button>
                            <button class="btn btn-default addrBtn" type="button" data-id="773709540515393536">地址编辑</button>
                            <button class="btn btn-default planBtn" type="button" data-id="773700860562644992">调整配送计划</button>   
                             -->          
                            </div>
                        </form>
                    </div>
                </div>
                <!-- 查询模块 End -->
                <!-- 订单列表 Start -->
                <div class="order-list">
                	<div class="order-total">
                    	<p>
                    		<span>总服务订阅数：<em id="sub_all_count">0</em></span><span>搜索的服务订阅数：<em id="sub_serch_count">0</em></span><span>占比：<em id="sub_percent">0%</em></span>
                    	</p>
                	</div>
                    <h4>订阅列表</h4>
                    
                    <div class="tabbable order" id="tabs-632335">
                        <ul class="nav nav-tabs">
                            <li class="active">
                                <a href="#panel-1" data-toggle="tab" tab_value="0">全部订阅</a>
                            </li>
                            <li>
                                <a href="#panel-2" data-toggle="tab" tab_value="1">订阅中</a>
                            </li>
                            <!-- 
                            <li>
                                <a href="#panel-3" data-toggle="tab" tab_value="2">暂停中</a>
                            </li>
                             -->
                            <li>
                                <a href="#panel-4" data-toggle="tab" tab_value="4">已完成</a>
                            </li>
                        </ul>
                        <div class="tab-content">
                            <div class="tab-pane active" id="orderlist">
                            	
                                
                            </div>
                        </div>
                    </div>
                    <!-- 订单列表 End -->
                    <!-- 分页 Start -->
                    <div class="pagebox" id="pageBox" style="display: none">
                        <div class="numbox">共<span class="blue3" id="records">8</span>条记录</div>
                        <ul class="pagination fm_pageination" id="page">
                            <li>
                                <a href="#">上一页</a>
                            </li>
                            <li class="active">
                                <a href="#">1</a>
                            </li>
                            <li>
                                <a href="#">2</a>
                            </li>
                            <li>
                                <a href="#">3</a>
                            </li>
                            <li>
                                <a href="#">4</a>
                            </li>
                            <li>
                                <a href="#">5</a>
                            </li>
                            <li>
                                <a href="#">下一页</a>
                            </li>
                        </ul>
                    </div>
                    <!-- 分页 End -->
                </div>

                <div id="test" style="width:500px;"></div>


            </div>
        </div>
    </div>
        <!--右边栏 End-->
	<div class="modal fade" id="myModalLabel" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
    	<div class="modal-dialog" id="dialog_tpl">

    	</div>
	</div>
	 
	 <!-- 消息提示框  -->
	 <div class="mes-container" id="msg_dialog">

	</div>
<script src="../js/modules/order/subscribe.js"></script>
